<template>
  <div class="con">
      <div class="header">鲜花</div>
      <div class="content">
          <Scroll/>
            <div>
               <p class="new" @click="fun1()">全国鲜花3小时配送，新人订花立减100元</p>
              <img src="../../../public/img/types.png" alt="" class="typeflower">
           </div>  
          <Type/>
          <Hot/>      
      </div>
      <div class="footer">
          <Bottom/>
      </div>
  </div>
</template>

<script>
import Scroll from "@/components/flower/scroll.vue"
import Hot from "@/components/flower/hot.vue"
import Type from "@/components/flower/type.vue"
import Bottom from "c/my/bottom.vue"
export default {
components:{
    Scroll,
    Hot,
    Type,
    Bottom
},
 methods:{
      fun1(){
     this.$router.push("/newbag");
  }
 }
}
</script>

<style scoped>
.con{
    width: 100%;
    font-size: 0.16rem;  
}
.new{
    width: 3.46rem;
    height: 0.32rem;
    line-height: 0.32rem;
    background-color:#fbebec ;
    color: #e8726a;
    font-size: 0.12rem;
    margin: auto;
    text-align: center;
    border-radius: 0.25rem;
}
.typeflower{
    width: 100%;
    height: 0.96rem;
}
.header{
    width: 100%;
    height: 0.58rem;
    background-color: #f0f4f3;
    font-size: 0.18rem;
    line-height: 0.58rem;
    text-align: center;
    border-bottom: 0.01rem solid #f4f2f2;
    position: fixed;
    top:0;
    z-index: 33;

}
.content{
    margin-top: 0.58rem;
}
</style>